<!-- Sub Banner -->
<div id="sub_banner" class="training_head">
  <div class="container">
    <div class="text">
      <img src="/images/training-banner.jpg" style="margin-top:-30px; float:left;" />
    </div>
  </div>
</div>
<!-- Sub Banner End -->


<!-- Sub Content -->
<div id="sub_content">
  <div class="container">
    <div class="trainng-desc">
      <h4>The Path to Certification Starts Here</h4>
      <div class="icons">
        <span><img src="/images/associate.png" align="left" /> Associate</span>
        <img class="arrow_right" src="/images/arrow_right.png" />
        <span><img src="/images/specialist.png" align="left" /> Specialist</span>
        <img class="arrow_right" src="/images/arrow_right.png" />
        <span><img src="/images/expert.png" align="left" /> Expert</span>
        <img class="arrow_right" src="/images/arrow_right.png" />
        <span><img src="/images/professional.png" align="left" />Professional</span>
      </div>
 <!-- <img src="/images/training_note.png" align="right" />-->
      <div class="clearfix"></div>
    </div>
    <div id="tabs">
      <?php
      $imgMap = array(
          'associate.png',
          'specialist.png',
          'expert.png',
          'professional.png'
      );

      $classMap = array(
          'asso',
          'spec',
          'expi',
          'prof'
      );

      $colorMap = array(
          'blue',
          'green',
          'pink',
          'yellow'
      );
      ?>
      <ul class="tabslist">
        <?php foreach ($categories as $i => $category) : ?>
          <li><a class="tabs_<?php echo $classMap[$i]; ?>" href="#tabs-<?php echo $classMap[$i]; ?>"><img src="/images/<?php echo $imgMap[$i]; ?>" align="left" /><?php echo strtoupper($category->getCategoryName()); ?></a></li>
        <?php endforeach; ?>
      </ul>

      <?php foreach ($categories as $i => $category) : ?>
        <div id="tabs-<?php echo $classMap[$i]; ?>" class="tab-content">
          <?php if (isset($courses[$category->getId()])) : ?>
            <?php foreach ($courses[$category->getId()] as $course) : ?>
              <div class="course-section">	                    
                <h2><?php echo $course->getTitle(); ?></h2>
                <a href="<?php echo url_for('@slide?course_id=' . $course->getId() . '&slide_num=1&start=y'); ?>" class="btn btn-<?php echo $colorMap[$i]; ?> btn-course-start">Start</a>                        
                <div class="clear"></div>
                <p>
                  <?php echo $course->getDescription(); ?>
                </p>
              </div>
            <?php endforeach; ?>
          <?php else : ?>
            <p>No courses available in this category.</p>
          <?php endif; ?>
        </div>
      <?php endforeach; ?>

      <div class="clear"></div>
    </div>
  </div>
</div>

<!-- Sub Content End -->